/* 
	Use for:	测试样式
	Version:	1.00
	Date:		2011/9/2
	Author:		lzd
	Email:		sdata007@163.com
	Update:		2011/9/2
*/
/****************************************** 
 *reset.css（重置样式）
 ******************************************/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form, 
fieldset,input,textarea,p,blockquote,th,td { margin:0; padding:0; } 
table { border-collapse:collapse; border-spacing:0;  } 
button,input,select,textarea{ font-size:100%;}
fieldset,img { border:0; } 
address,caption,cite,code,dfn,em,strong,th,var { font-style:normal; font-weight:normal; } 
ol,ul { list-style:none; } 
caption,th{ text-align:left; }
h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal; } 
blockquote:before, blockquote:after,q:before, q:after { content:""; }
abbr,acronym { border:0; } 

.textr{ text-align:right;}
/* 清除浮动方式二（万能版）*/
html body div.clearfix,
html body span.clearfix{ float: none; clear:both; width: 0; height:0; margin: 0; padding: 0; background:none;font-size:0; border:none; overflow:hidden; visibility: hidden; display: block;}
.button {color:#fff;display: inline-block;zoom: 1; *display: inline;border:0px;vertical-align:middle;outline: none;cursor: pointer;text-align: center;text-decoration: none;font-weight:bold;background:url(../images/button-sprites.png) no-repeat scroll 0 0 transparent;}
/* -----------弹窗样式---------- */
body{ background:#fff; font:12px arial,helvetica,clean,sans-serif;}
.iconOfPrint{background:url(../../images/print_icon.png) left no-repeat; padding-left:20px; cursor:pointer; *display:inline-block;}
.popBox{ position:absolute; left:30%; top:20%; width: 350px; height:350px; border-radius:5px; box-shadow: 0 2px 3px rgba(0, 0, 0, 0.3);}
.popBoxHead{ position:relative; background:#fff; color:#fff; padding: 0 30px 0 10px; border-radius:5px 5px 0px 0px;font-weight:bold; height:30px; line-height:30px;background: -moz-linear-gradient(center top , #6998CB, #3A6EA5) repeat scroll 0 0 transparent;border-top-color: #739ECE;}
.popBoxContent{ }
.popBoxClose{ position:absolute; right:0px; top:0px; width:16px; height:16px; color:#fff; text-decoration:none; font-family: Helvetica,STHeiti;}
/* -----------区别IE6,IE7,IE8,FF浏览器---------- */
.all{
	background:blue; /*Firefox 背景变蓝色*/
	background:red \9; /*IE8 背景变红色*/
	*background:black; /*IE7 背景变黑色*/
	_background:orange; /*IE6 背景变橘色*/ 	
}
/* -----------表单布局---------- */
.formLayout{ width:600px;}
.formLayout label{ float:left; margin-right:10px; text-align:right; padding-top:5px; _padding-top:10px; width:100px;}
.formLayout input{border:2px solid #ccc; padding:5px; margin-bottom:10px; font-size:14px; width:471px;}
.formLayout input:focus{ border:2px solid #008000;}
/* -----------1px圆角边框---------- */
.borderLayout{ border-style:solid; border-color:#ccc; border-width:0 1px; background:#f3f3f3;}
.borderLayout div{ position:relative; top:-1px; left:0; border-style:solid; border-color:#ccc; border-width:1px 0 0;}
.borderLayout div div{ top:2px; border-width:0 0 1px; padding:5px;}
.borderUl li{ padding-bottom:5px;}
.borderUl a {
	display:block;
	border-style:solid; border-color:#666; border-width:0 1px;
	text-decoration: none;
	outline:none;
	color: #000;
	background: #e4e4e4;
}
.borderUl a b {
	display: block;
	position:relative;
	top: -1px;
	left: 0;
	border-style:solid; border-color:#666; border-width:1px 0 0;
	font-weight:normal;
}
.borderUl a b b {
  border-width:0 0 1px;
  top: 2px;
  padding:1px 6px;
}
.borderUl a:hover, .borderUl a:hover b {background:#666;color:white;}
/*myTab组件样式*/
.myTab{ width:600px; position:absolute; top:150px; left:150px;}
.myTab ul li{ float:left}
.myTab .tabLi{ float:left; height:25px; line-height:25px; text-align:center; width:100px; color:#333; background:#f3f3f3; border-color:#ccc; border-width:1px 1px 0px 1px; border-style:solid; margin-right:5px; border-radius: 5px 5px 0px 0px;}
.myTab .tabLi:link {text-decoration:none;}/* 设置链接未被访问 */
.myTab .tabLi:visited{text-decoration:none;}/* 设置链接已被访问 */
.myTab .tabLi:hover {text-decoration:none;}/* 设置鼠标经过*/
.myTab .tabLi:active { text-decoration:none;}/* 设置鼠标点击时*/
.myTab .tabSelected{ background:#333; color:#fff;  border-radius: 5px 5px 0px 0px;}
.myTab .tabContent{ border:1px solid #ccc;clear:both; font-size:13px; font-weight:bold; width:100%; padding:10px; background:#fff; height:100px;display:none;}
/*自适应屏幕布局样式*/
#hd{ height:150px; border:2px solid #ddd;}
#ft{ height:150px; border:2px solid #ddd;}
.content{ height:550px; border:2px solid #ddd;box-shadow: 0 0 5px #BFBFBF;}
#lt{ margin-left: -300px; width:300px;}
#rt{ margin-right: -150px; width:150px;}
#cd{ padding:0px 150px 0px 300px; }
#main{width:100%;}
.grid {
    letter-spacing: -0.31em; /* webkit: collapse white-space between units */
    *letter-spacing: normal; /* reset IE < 8 */
    word-spacing: -0.43em; /* IE < 8 && gecko: collapse white-space between units */
}
.grid-u,
.grid-u-1,
.grid-u-1-2,
.grid-u-1-3,
.grid-u-2-3,
.grid-u-1-4,
.grid-u-3-4,
.grid-u-1-5,
.grid-u-2-5,
.grid-u-3-5,
.grid-u-4-5,
.grid-u-1-6,
.grid-u-5-6,
.grid-u-1-8,
.grid-u-3-8,
.grid-u-5-8,
.grid-u-7-8,
.grid-u-1-12,
.grid-u-5-12,
.grid-u-7-12,
.grid-u-11-12,
.grid-u-1-24,
.grid-u-5-24,
.grid-u-7-24,
.grid-u-11-24,
.grid-u-13-24,
.grid-u-17-24,
.grid-u-19-24,
.grid-u-23-24 {
    display: inline-block;
    zoom: 1; *display: inline; /* IE < 8: fake inline-block */
    letter-spacing: normal;
    word-spacing: normal;
    vertical-align: top;
}

.grid-u-1 {
    display: block;
}

.grid-u-1-2 {
    width: 50%;
}

.grid-u-1-3 {
    width: 33.33333%;
}

.grid-u-2-3 {
    width: 66.66666%;
}

.grid-u-1-4 {
    width: 25%;
}

.grid-u-3-4 {
    width: 75%;
}

.grid-u-1-5 {
    width: 20%;
}

.grid-u-2-5 {
    width: 40%;
}

.grid-u-3-5 {
    width: 60%;
}

.grid-u-4-5 {
    width: 80%;
}

.grid-u-1-6 {
    width: 16.656%;
}

.grid-u-5-6 {
    width: 83.33%;
}

.grid-u-1-8 {
    width: 12.5%;
}

.grid-u-3-8 {
    width: 37.5%;
}

.grid-u-5-8 {
    width: 62.5%;
}

.grid-u-7-8 {
    width: 87.5%;
}

.grid-u-1-12 {
    width: 8.3333%;
}

.grid-u-5-12 {
    width: 41.6666%;
}

.grid-u-7-12 {
    width: 58.3333%;
}

.grid-u-11-12 {
    width: 91.6666%;
}

.grid-u-1-24 {
    width: 4.1666%;
}

.grid-u-5-24 {
    width: 20.8333%;
}

.grid-u-7-24 {
    width: 29.1666%;
}

.grid-u-11-24 {
    width: 45.8333%;
}

.grid-u-13-24 {
    width: 54.1666%;
}

.grid-u-17-24 {
    width: 70.8333%;
}

.grid-u-19-24 {
    width: 79.1666%;
}

.grid-u-23-24 {
    width: 95.8333%;
}
/*myNav导航菜单*/
.mynav{ height:25px; width:100%;  background:url(images/mynav_bg.jpg) no-repeat;}
.mainNav{ height:25px; width:970px; margin:0 auto;}
.mainNav:after{clear: both;content: ".";display: block;height: 0;line-height: 0;visibility: hidden;}
.mainNav .mainNavLi{ float:left; padding: 0 10px; line-height:25px; background:url(images/top-navsep.gif) no-repeat; position:relative;}
.mainNav .mainNavLi .mainNavLink{ color:#fff; font-size:14px; padding:5px; font-weight:bold; margin-right:10px; text-decoration:none;}
.mainNav .mainNavLi .mainNavLink:hover{ color:#fff; text-decoration:underline;}
.mainNav .mainNavLi .mainNavOn{ background:#fff; color:#000;}
.mainNav .mainNavLi .mainNavOn:hover{color:#000;}
.mainNav .firstNav{ background:none;}
.mainNav .mainNavContent{ display:none; position:absolute; height:auto; top:27px; left:0px; width:100px; box-shadow: 0 0 5px #DDDDDD; border:1px solid #ddd;}
.mainNav .mainNavContent .subNav .subNavLink{ display:block; line-height:15px; height:15px; padding:5px; color:#2288BB; text-decoration:none;}
.mainNav .mainNavContent .subNav .subNavLink:hover{ color:#2288BB; text-decoration:underline;}
/*myTab组件样式*/
/* -----------定义通用布局---------- */
.gridUl { width:100%;}
.gridUl li{ clear:both; line-height:25px; height:25px;}
.grid-p-5,
.grid-p-10,
.grid-p-20,
.grid-p-30,
.grid-p-40,
.grid-p-50,
.grid-p-60,
.grid-p-70,
.grid-p-80,
.grid-p-90,
.grid-p-100,
.grid-p-15,
.grid-p-25,
.grid-p-35,
.grid-p-45,
.grid-p-55,
.grid-p-65,
.grid-p-75,
.grid-p-85,
.grid-p-95{display:inline; float:left; margin-top:10px;}
.grid-p-5{width:5%;}
.grid-p-10{ width:10%;}
.grid-p-20{ width:20%;}
.grid-p-30{ width:30%;}
.grid-p-40{ width:40%;}
.grid-p-50{ width:50%;}
.grid-p-60{ width:60%;}
.grid-p-70{ width:70%;}
.grid-p-80{ width:80%;}
.grid-p-90{ width:90%;}
.grid-p-100{ width:100%;}
.grid-p-15{ width:15%;}
.grid-p-25{ width:25%;}
.grid-p-35{ width:35%;}
.grid-p-45{ width:45%;}
.grid-p-55{ width:55%;}
.grid-p-65{ width:65%;}
.grid-p-75{ width:75%;}
.grid-p-85{ width:85%;}
.grid-p-95{ width:95%;}